<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>我的设备</title>
  <link rel="stylesheet" href="mobile/layui/css/layui.mobile.css">
  <link rel="stylesheet" href="mobile/layui/css/layui.css">
  <link rel="stylesheet" href="mobile/css/yj_css.css">
</head>
<body>

  <header class="yj-header">
    <a class="yj-header-return layui-icon"></a>
    <span>我的设备</span>
    <a class="yj-header-meau"></a>
  </header>
  <footer class="yj-footer">
    <a class="yj-footer-item" href="carIndex">
      <span class="yj-footer-icon"><img src="mobile/images/home1.png"></span>
      <p class="yj-footer-title">首页</p>
    </a>
     <a class="yj-footer-item yj-footer-middle" href="user.html">
      <span class="yj-footer-icon"><img src="mobile/images/user1.png"></span>
      <p class="yj-footer-title">会员中心</p>
    </a>
     <a class="yj-footer-item">
      <span class="yj-footer-icon"><img src="mobile/images/printer2.png"></span>
      <p class="yj-footer-title yj-color-main">机器设备</p>
    </a>
  </footer>
  <div class="yj-content">
    <img src="mobile/images/tu3.jpg" style="width: 100%;">
    <ul class="yj-order yj-pad-t">
      <!-- 月卡 -->
      <li class="yj-order-item yj-bgfff yj-mar-t yj-pad-lr-big">
        <p class="yj-list-item"><img class="yj-list-item-icon" src="mobile/images/printer1.png">WF-8593<span class="yj-color-red yj-right">正常</span></p>
        <a class="yj-order-basicinfo yj-pad-tb-big">
          <span class="yj-goods-thumbnail"><img src="mobile/images/tu2.jpg"></span>
          <div class="yj-confirm-goods-textinfo">
            <div class="yj-goods-price yj-pad-t yj-clearfix">
              <span>¥&nbsp;688.00</span>
              <span class="yj-goods-type">
                月卡
              </span>
            </div>
            <p class="yj-color-gray yj-mar-tb">押金：&yen;1632.00</p>
            <p class="yj-color-gray">2018-03-07 —— 2018-09-07</p>
          </div>
        </a>
        <p class="yj-list-item yj-pad-lr yj-border-t">
          退机
          <span class="yj-right">
            <a class="yj-btn yj-btn-sm" href="workOrder_submit.html">申请工单</a>
            <a class="yj-btn yj-btn-sm yj-btn-line-main yj-mar-l" onclick="month_buy()">购买月卡</a>
          </span>
        </p>
      </li>
      
      <!-- 时租 -->
      <li class="yj-order-item yj-bgfff yj-mar-t yj-pad-lr-big">
        <p class="yj-list-item"><img class="yj-list-item-icon" src="mobile/images/printer1.png">WF-8593<span class="yj-color-red yj-right">正常</span></p>
        <a class="yj-order-basicinfo yj-pad-tb-big">
          <span class="yj-goods-thumbnail"><img src="mobile/images/tu2.jpg"></span>
          <div class="yj-confirm-goods-textinfo">
            <div class="yj-goods-price yj-pad-t yj-clearfix">
              <span>¥&nbsp;688.00</span>
              <span class="yj-goods-type">
                时租
              </span>
            </div>
            <p class="yj-color-gray yj-mar-tb">押金：&yen;1632.00</p>
            <p class="yj-color-gray">使用扣费，请保证余额充足正常使用</p>
          </div>
        </a>
        <p class="yj-list-item yj-pad-lr yj-border-t">
          退机
          <span class="yj-right">
            <a class="yj-btn yj-btn-sm" href="workOrder_submit.html">申请工单</a>
            <a class="yj-btn yj-btn-sm yj-btn-line-main yj-mar-l" href="recharge.html">余额充值</a>
          </span>
        </p>
      </li>

      <!-- 购机 -->
      <li class="yj-order-item yj-bgfff yj-mar-t yj-pad-lr-big">
        <p class="yj-list-item"><img class="yj-list-item-icon" src="mobile/images/printer1.png">WF-8593<span class="yj-color-red yj-right">正常</span></p>
        <a class="yj-order-basicinfo yj-pad-tb-big">
          <span class="yj-goods-thumbnail"><img src="mobile/images/tu2.jpg"></span>
          <div class="yj-confirm-goods-textinfo">
            <div class="yj-goods-price yj-pad-t yj-clearfix">
              <span>¥&nbsp;688.00</span>
              <span class="yj-goods-type">
                购机
              </span>
            </div>
            <p class="yj-color-gray yj-pad-t">不能使用，请及时申请工单，我们将尽快为您解决</p>
          </div>
        </a>
        <p class="yj-list-item yj-pad-lr yj-border-t">
         
          <span class="yj-right">
            <a class="yj-btn yj-btn-sm" href="workOrder_submit.html">申请工单</a>
          </span>
        </p>
      </li>

      
    </ul>
  </div>
  <script src="mobile/js/jquery.min.js"></script>
  <script src="mobile/layui/layui.all.js"></script>
  <script src="mobile/js/yj_js.js"></script>
</body>
</html>